/**
 * Index main layout view mixins
 */

// DataView main Layout Mixins
@mixin view-xs-size() {
  width: $view-xs-width;
  height: $view-xs-height;
}

@mixin view-sm-size() {
  width: $view-sm-width;
  height: $view-sm-height;
}

@mixin view-lg-size() {
  width: $view-lg-width !important;
  height: $view-lg-height !important;
}

@mixin viewport-size() {
  width: $viewport-width;
  height: $viewport-height;
}